<!-- 系统说明 -->
<template>
  <div class="content">
    <div class="sde_close">
      <i class=" el-icon-right" @click="goBack"></i>
    </div>
    <div class="sd_wrap">
      <h3>系统信息：</h3>
      <div class="sd_row">
        <div class="sd_col">
          <div class="sd_lab">
            <i class="icon"></i>
            <span>系统名称：</span>
          </div>
          <div class="sd_txt">
            <p>医技检查预约平台</p>
          </div>
        </div>
        <div class="sd_col">
          <div class="sd_lab">
            <i class="icon"></i>
            <span>产品编码：</span>
          </div>
          <div class="sd_txt">
            <p>{{systemcode}}</p>
          </div>
        </div>
        <div class="sd_col">
          <div class="sd_lab">
            <i class="icon"></i>
            <span>系统版本：</span>
          </div>
          <div class="sd_txt">
            <p>v{{version}}</p>
          </div>
        </div>
        <div class="sd_col">
          <div class="sd_lab">
            <i class="icon"></i>
            <span>接口版本：</span>
          </div>
          <div class="sd_txt">
            <p>v{{apiVersion}}</p>
          </div>
        </div>
        <div class="sd_col">
          <div class="sd_lab">
            <i class="icon"></i>
            <span> 技术支持：</span>
          </div>
          <div class="sd_txt">
            <p>浙江卡易智慧医疗科技有限公司</p>
          </div>
        </div>
      </div>
    </div>
    <div class="sd_wrap">
      <h3>关于我们：</h3>
      <div class="sd_row">
        <div class="sd_col">
          <div class="sd_lab">
            <i class="icon"></i>
            <span>公司名称：</span>
          </div>
          <div class="sd_txt">
            <p>浙江卡易智慧医疗科技有限公司</p>
          </div>
        </div>
        <div class="sd_col">
          <div class="sd_lab">
            <i class="icon"></i>
            <span>公司地址：</span>
          </div>
          <div class="sd_txt">
            <p>温州市龙湾区蒲州街道汤车路55号汤锦园商业办公楼1号楼12、12A层（办公地址）</p>
            <p>温州经济技术开发区兰江路188号B幢2013、2015室（注册地址）</p>
          </div>
        </div>
        <div class="sd_col">
          <div class="sd_lab">
            <i class="icon"></i>
            <span> 400电话：</span>
          </div>
          <div class="sd_txt">
            <p>400-108-1882</p>
          </div>
        </div>
        <div class="sd_col">
          <div class="sd_lab">
            <i class="icon"></i>
            <span> 公司座机：</span>
          </div>
          <div class="sd_txt">
            <p>0577-88815996</p>
          </div>
        </div>
        <div class="sd_col">
          <div class="sd_lab">
            <i class="icon"></i>
            <span> 公司传真：</span>
          </div>
          <div class="sd_txt">
            <p>0577-88815960</p>
          </div>
        </div>
        <div class="sd_col">
          <div class="sd_lab">
            <i class="icon"></i>
            <span> 合作邮箱：</span>
          </div>
          <div class="sd_txt">
            <p>418844010@qq.com</p>
          </div>
        </div>
        <div class="sd_col">
          <div class="sd_lab">
            <i class="icon"></i>
            <span> 公司网址：</span>
          </div>
          <div class="sd_txt">
            <p>www.kayisoft.com</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import { getversion } from '@/api/api.js'
export default {
  name: '',
  mixins: [],
  components: {},
  data() {
    return {
      systemcode: window.g.SYSTEMCODE || 'Kayi_MTAT016FE',
      version: window.g.VERSION || '0.0.2',
      apiVersion: ''
    }
  },
  watch: {},
  computed: {},
  created() {},
  mounted() {
    this.getData()
  },
  methods: {
    getData() {
      getversion().then((res) => {
        if (res && res.code === 10000) {
          this.apiVersion = res.content
        }
      })
    },
    goBack() {
      this.$router.go(-1)
    }
  },
  beforeDestroy() {},
  destroyed() {},
  beforeUpdate() {},
  updated() {}
}
</script>
<style lang='scss' scoped>
.content {
  padding: 20px 60px;
  position: relative;
  .sde_close {
    position: absolute;
    right: 40px;
    top: 40px;
    z-index: 10;
    font-size: 20px;
    cursor: pointer;
  }
  .icon {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid #085bff;
    margin-right: 4px;
    vertical-align: 1px;
  }
  .sd_wrap {
    margin-bottom: 50px;
    h3 {
      font-weight: 500;
      font-size: 24px;
      margin: 30px 0;
    }
  }
  .sd_row {
    .sd_col {
      width: 100%;
      overflow: hidden;
      font-size: 16px;
      margin: 10px 0;
      p {
        margin: 0;
      }
      .sd_lab {
        float: left;
        width: 110px;
        color: rgba(0, 0, 0, 0.6);
        margin: 4px 0;
      }
      .sd_txt {
        float: left;
        color: #333;
        line-height: 26px;
      }
    }
  }
}
</style>
